$(function(){
    var ls= localStorage;
    init();
   function init(){
   
    eventList();
    load_data();
   }
    // 绑定多个事件
    
    function eventList(){
        $("#search_btn").on("click",function(){
            // 1 获取输入值,trim去除输入框两边的空格
          
            
            var search_txt = $("#search_inp").val().trim();
            // 2 判断输入是否合法
            if(search_txt.length==0){
                // 提示用户输入不合法,给用户提示mui消息框
                mui.toast("请您正确输入");
                return;
            }
            // 3 若输入合法,将输入的内容存储起来
            // 先判断之前历史记录里面有没有数据,如果有,就往数组里面继续添加,没有,就往空数组中添加数据
            var arr = ls.getItem("lt_history")?JSON.parse(ls.getItem("lt_history")):[];
            // 数组去重---判断历史记录中有没有当前输入的信息
            arr.forEach(function(v,i){
                if(v==search_txt){
                    //如果有,就去掉再添加
                    arr.splice(i,1);
                }
            });
            arr.unshift(search_txt);//将用户输入的合法信息添加到数组中
            // 将数组转换成json格式,存到本地存储中
            var arrJson = JSON.stringify(arr);
            ls.setItem("lt_history",arrJson);
            // 跳转页面
            console.log(123);
            location.href = "./searchList.html?proName="+search_txt;

        })
    }
    // 加载本地数据
    function load_data(){
        console.log(ls.getItem("lt_history"))
        var arr = ls.getItem("lt_history")?JSON.parse(ls.getItem("lt_history")):[];
        // console.log({"list":ls.getItem("lt_history")});
        if(arr.length==0){
            return;
        }
        var html = template("mainTemp",{arr:arr});
        $(".history_content").html(html);
        
    }
})